<{if $data.poster_type==2}>
<style>
    #ex_slide_<{$widgets_id}>{ 
        width:<{$data.width}>px;
        height:<{$data.height}>px;
        overflow:hidden;
        position:relative;
    }
    #ex_slide_<{$widgets_id}> ol div{
        height:<{$data.height}>px;
        width:<{$data.width}>px;
        list-style:none; 
        display:block;
        overflow:hidden;
        border:0;
        margin:0;
    }
     #ex_slide_<{$widgets_id}> ol li{
        height:<{$data.height}>px;
        width:<{$data.width}>px;
        list-style:none; 
        display:block;
        overflow:hidden;
        border:0;
        margin:0;
    }

    #ex_slide_<{$widgets_id}> .slide-trigger{
        position:absolute; 
        z-index:555;
    }
	.slide-trigger {position:absolute; bottom:100px;left:20px}
	.slide-trigger li{float:left; list-style:none;}
	.slide-trigger li{width:13px; height:13px; line-height:38px; text-align:center; color:#fff;background:url(images/arrow-1.png) 0 0 no-repeat;display:block;margin-right:8px;opacity:0.5;}

	.slide-trigger li.active{background:url(images/arrow-1.png) 0 -13px no-repeat;opacity:1;}
    .slide-trigger li a,.slide-trigger li a:hover{display:none}



.mScm-right {
    background-color: #EFEBE6;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    height: 390px;
    overflow: hidden;
    position: relative;
    right: -760px;
    top: -410px;
    width: 190px;
    z-index: 7;
}

.mScm-right li {
    background: none repeat scroll 0 0 #EFEBE6;
    height: 131px;
    position: relative;
}
.mScm-right li s {
    border-bottom: 1px solid #D9CFCD;
    display: block;
    height: 0;
    line-height: 0;
    margin: 0 auto;
    overflow: hidden;
    width: 170px;
}
.mScm-right li i {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    cursor: pointer;
    height: 131px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 190px;
}
.mfpSlide-nav {
    bottom: 0;
    display: none;
    height: 25px;
    left: 50%;
    margin-left: -450px;
    position: absolute;
    width: 260px;
    z-index: 10;
	display:block;
}
.mfpSlide-nav li {
    display: block;
    float: left;
}
.mfpSlide-nav li {
    background: none repeat scroll 0 0 #B5B5B5;
    border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    overflow: hidden;
    width: 14px;
}

.mfpSlide-nav li.selected {
    background-color: #C80002;
}
.mfpSlide {
    height: 420px;
    min-width: 990px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.mfpSlide-con li {
    background: none no-repeat scroll 50% 0 #FFFFFF;
    height: 420px;
    width: 100%;
}
.J_DirectPromo img {
    vertical-align: top;
}
</style>

<div class="ex-slide1-box" style="width:<{$data.width}>px;height:<{$data.height}>px;">
  <div id="ex_slide_<{$widgets_id}>" class="ex-slide1">
        <ol class="switchable-content clearfix">
            <{if $data.poster_imgurl}>
              <{foreach from=$data.poster_imgurl item=pic key=k}>
                  <div class="switchable-panel">
             
                      <a href="javascript:void(0);" posterurl="<{$pic.linktarget}>" posterid="<{$data.poster_id}>"   onclick="toclickcount_<{$widgets_id}>(this);" >
                      <img src="images/transparent.gif" lazyload=<{$pic.link|storager}> class="img-lazyload"  alt="<{$setting.ad_pic_txt}>" <{if $pic.width}>width='<{$pic.width}>'<{/if}> <{if $pic.height}>height='<{$pic.height}>'<{/if}>>
                      </a>

                       <ul class="mScm-right j_MaskBanner" id="ex_slide_<{$widgets_id}>_ul">
                       <{foreach from=$pic.smallpic item=small key=smallId}>
                           <li  class="J_DirectPromo" style="opacity:1;width:190px; height:130px;" >
                                <a href="javascript:void(0);" posterurl="<{$small.linktarget}>" posterid="<{$data.poster_id}>"   onclick="toclickcount_<{$widgets_id}>(this);" >
                                <img src="images/transparent.gif" lazyload=<{$small.link|storager}> class="img-lazyload"  alt="<{$setting.ad_pic_txt}>" <{if $small.width}>width='<{$small.width}>'<{/if}> <{if $small.height}>height='<{$small.height}>'<{/if}> style="opacity:1;width:190px; height:130px;" title="<{$small.linkinfo}>">
                                </a>
                           </li>
                       <{/foreach}>
                         
                       </ul>
                  </div>
              <{/foreach}>
          <{else}>
              <div class="switchable-panel">
              暂无数据或数据已过期，请联系管理员
              </div>
          <{/if}>
        </ol>
		<ul class="switchable-triggerBox slide-trigger">
		  <{foreach from=$data.poster_imgurl item=parent key=parentId}>
				<li><a href="#"><{$parent.linkinfo}></a></li> 
		  <{/foreach}> 
		</ul>
  </div>

</div>

<script>
new Switchable('ex_slide_<{$widgets_id}>',{
    effect:'<{$data.poster_switcheffect}>',
    autoplay:'<{$data.poster_autoplay}>'
});
function toclickcount_<{$widgets_id}>(e){
    var rehref=e.getAttribute('posterurl');
    var posterid=e.getAttribute('posterid');
    new Request({
        url:'<{link app=poster ctl=site_poster act=clickcount}>',
        method:'get',
        onComplete:function(a){
           var newtarget=<{if $data.poster_isblank}>"_blank"<{else}>"_self"<{/if}>;
            if(rehref){
                window.open(rehref,newtarget);
            }else{
                
            }
        },
        data:"posterid="+posterid
        }).send();
}

 </script>
<{/if}>